<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 解决高频率事件的方法
        //    可能每毫秒都在触发 ， 让300ms才触发一次

        //   1 防抖    每次都清除上一个定时器(延时器)
        //   2 节流    在一段时间内只触发一次


        // 500  510   10次   延时器叠加了



        // 防抖
        // var t;
        // window.onresize = function () {
        //     // if (t) clearTimeout(t);
        //     t && clearTimeout(t);
        //     t = setTimeout(function () {
        //         console.log(444);
        //     }, 300)
        // }



        // 节流
        // var flag = true;
        // window.onresize = function () {
        //     if (flag) {
        //         flag = false;
        //         var t = setTimeout(function () {
        //             console.log(444);
        //             flag = true;
        //         }, 1300)
        //     }
        // }

    </script>

</body>

</html>